<template>
    <div class="section__wrapper">
        <div class="row g-5">
            <div class="col-lg-8 col-12">
                <div class="row g-4 justify-content-center">
                    <div class="col-12">
                        <div class="blog__item">
                            <div class="blog__inner">
                                <div class="blog__thumb">
                                    <img src="/images/blog/home3/details/1.png" alt="blog-images">
                                </div>
                                <div class="blog__content">
                                    <div class="blog__meta">
                                        <ul>
                                            <li><i class="fa-solid fa-user"></i>
                                                Esther Howard</li>
                                            <li><i class="fa-solid fa-clock"></i>
                                                November 21, 2023</li>
                                            <li><i class="fa-solid fa-eye"></i>
                                                120 Views</li>
                                            <li>
                                                <a href="#"><i class="fa-solid fa-comment"></i>
                                                    Comments (03)</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <h2>Discover New Learning Tools of Education</h2>
                                    <p>Meh synth Schlitz, tempor duis single-origin coffee ea next level ethnic
                                        fingerstache fanny pack nostrud. Photo booth anim 8-bit hella, PBR 3
                                        wolf moon beard Helvetica. Salvia esse nihil, flexitarian Truffaut synth
                                        art party deep v chillwave. Seitan High Life reprehenderit consectetur
                                        cupidatat kogi. Et leggings fanny pack.</p>
                                    <p>Exercitation photo booth stumptown tote bag Banksy, elit small batch
                                        freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit
                                        kale chips proident chillwave deep v laborum. Aliquip veniam delectus,
                                        Marfa eiusmod Pinterest in do umami readymade swag. Selfies iPhone
                                        Kickstarter, drinking vinegar jean vinegar stumptown yr pop-up artisan.
                                        Help your team feel more connected to your company by incorporating the
                                        right digital technology tools into their workflow.Andrea Meyer</p>
                                    <p>See-through delicate embroidered organza blue lining luxury acetate-mix
                                        stretch pleat detailing. Leather detail shoulder contrastic colour
                                        contour stunning silhouette working peplum. Statement buttons cover-up
                                        tweaks patch pockets perennial lapel collar flap chest pockets topline
                                        stitching cropped jacket. Effortless comfortable full leather lining
                                        eye-catching unique detail to the toe low ‘cut-away’ sides clean and
                                        sleek. Polished finish elegant court shoe work duty stretchy slingback
                                        strap mid kitten heel this ladylike design slingback strap mid kitten
                                        heel this ladylike design.</p>
                                </div>
                            </div>
                        </div>
                        <div class="blog__tag">
                            <ul class="social-link-list">
                                <li><a href="#" class="facebook"><i class="fa-brands fa-facebook-f"></i>Share</a>
                                </li>
                                <li><a href="#" class="twitter"><i class="fa-brands fa-twitter"></i>Tweet</a>
                                </li>
                                <li><a href="#" class="linkedin"><i class="fa-brands fa-linkedin-in"></i>LinkedIn</a>
                                </li>
                            </ul>
                            <ul class="tags">
                                <li><a href="#">Advices</a></li>
                                <li><a href="#">business</a></li>
                                <li><a href="#">strategy</a></li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-lg-4 col-md-8  col-12">
                <div class="sidebar">
                    <div class="row g-4">
                        <div class="col-12">
                            <div class="sidebar__search">
                                <div class="body">
                                    <form class="" action="#">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="Search">
                                            <button type="submit" class="search-btn"><i
                                                    class="fa-solid fa-magnifying-glass"></i></button>
                                        </div>
                                    </form>

                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="sidebar__recentpost">
                                <div class="head">
                                    <h6>Recent Post</h6>
                                </div>
                                <div class="body">
                                    <ul>
                                        <li>
                                            <div class="thumb">
                                                <nuxt-link to="/blog-details"><img src="/images/blog/home3/details/2.png"
                                                        alt="recentpost-image"></nuxt-link>
                                            </div>
                                            <div class="content">
                                                <p><nuxt-link to="/blog-details">How to create natural backlinks
                                                        that produce results</nuxt-link></p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="thumb">
                                                <nuxt-link to="/blog-details"><img src="/images/blog/home3/details/3.png"
                                                        alt="recentpost-image"></nuxt-link>
                                            </div>
                                            <div class="content">
                                                <p><nuxt-link to="/blog-details">How to create natural backlinks
                                                        that produce results</nuxt-link></p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="thumb">
                                                <nuxt-link to="/blog-details"><img src="/images/blog/home3/details/4.png"
                                                        alt="recentpost-image"></nuxt-link>
                                            </div>
                                            <div class="content">
                                                <p><nuxt-link to="/blog-details">How to create natural backlinks
                                                        that produce results</nuxt-link></p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="sidebar__categorie">
                                <div class="head">
                                    <h6>Categories</h6>
                                </div>
                                <div class="body">
                                    <div class="content">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    Advices</a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    Business</a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    Consulting</a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    Marketing</a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    Personal</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="sidebar__tags">
                                <div class="head">
                                    <h6>Tags</h6>
                                </div>
                                <div class="body">
                                    <div class="content">
                                        <ul>
                                            <li><a href="#" class="active">Web Design</a></li>
                                            <li><a href="#">Education</a></li>
                                            <li><a href="#">Marketing</a></li>
                                            <li><a href="#">Seo</a></li>
                                            <li><a href="#">Graphic Design</a></li>
                                            <li><a href="#">Management</a></li>
                                            <li><a href="#">Learning</a></li>
                                            <li><a href="#">Development</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style></style>